@charset "utf-8";
/*!
 * Mixins
 */
 
@mixin triangle(){
	@each $prefix in '-moz-','-ms-','-o-','' {
		#{$prefix}transition: .3s;
	}
    border-style: solid;
    width: 0px;
    height: 0px;
    line-height: 0px;
}

@mixin triangle-top-left($w,$h,$color){
    @include triangle();
	border-width: #{$w} #{$h} 0px 0px;
	border-color: #{$color} transparent transparent;
}

@mixin triangle-bottom-left($w,$h,$color){
    @include triangle();
	border-width: #{$w} #{$h} 0px 0px;
	border-color: transparent transparent transparent #{$color};
	border-width: #{$w} 0px 0px #{$h};
}